<!doctype html>
<html>
<head>
	<meta charset="utf8">
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,maximum-scale=1">
	
	<!-- Bootstrap -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap.min.css') }}" />
	<!-- Bootstrap responsive -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap-responsive.min.css') }}">
	<!-- Theme CSS -->
	<!--[if !IE]> -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/style.css') }}">
	<!-- <![endif]-->
	<!--[if IE]>
	<link rel="stylesheet" href="{{ asset('bootstrap/css/style_ie.css') }}">
        <![endif]-->
</head>

<body class='error-body'>
	<div class="error-wrapper">
		<div class="number">
                    <span>{{ status_code }}</span>
			<i class="icon-warning-sign"></i>

		</div>
		<div class="description">
			{% block descripcion %}<strong>Acceso Denegado</strong> 
                            disculpe, pero no tiene los permisos para acceder al siguiente área!{% endblock %}.
                        Por favor, regrese al inicio, o ingrese como Administrador.
                        
		</div>
		
		<div class="buttons">
			<div class="pull-left"><a href="{{ path('portada') }}" class="button button-basic"><i class=" icon-home"></i> Inicio</a></div>
			<div class="pull-left"><a href="{{ path('login') }}" class="button button-basic"><i class="icon-signin"></i> Login</a></div>
		</div>
	</div>
    <script type="text/javascript">
        $(document).ready(function (){
            $('div .header clear_fix').remove();
        });
    </script>
</body>

</html>

